<%@page import="svn_photo.photoVo"%>
<%@page import="java.util.Vector"%>
<%@page import="svn_photo.Photo"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>photoCode_List.jsp</title>
<style>
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
#maintot{
	padding-top:30px;/*위에 칸을 띄우는 것*/	
}
#mainbox{
	width:700px;
	height:700px;
	/*border:1px solid #faa719;*/
	margin:0 auto;
	margin-bottom: 50px;
}
#top{
	width:100%;
	height:50px;
	color:#000000;
	font-size:37px;
	font-family: 'Nanum Gothic', sans-serif;
	padding-top:10px;/*위에 칸을 띄우는 것*/

	text-shadow:1px 1px 1px #A4A4A4;
	font-weight: bolder;

	
}
#top2{
	border:3px solid #A2A2A2;
}
#center{
	position:absolute;
}
#cent1{
	width:300px;
	height:100px;
	/*border:1px solid #faa719;*/
	position:absolute;
	top:100px;
	left:50px;
/* 	background-image:url(./image/hta.logo.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%; */
}
#cent2{
	width:700px;
	height:700px;
	/*border:5px solid #faa719;*/
	position:absolute;
	top:50px;
	margin-left:30px;
}
#body_code{
	width:680px;
	height:30px;
	/*border:1px solid #faa719;*/
	display:inline-block;
	top:20px;
	left:130px;
	
	margin-bottom: 10px;
}

#hali1,#hali2,#hali3,#hali4,#hali5{
	display:inline-block;
	font-size:18px;
/* 	border:1px solid #faa719; */
	background-color:#0FCE84;
	box-shadow:4px 3px 6px #dddddd;
	width:100px;
	height:30px;
	
	font-family: 'Nanum Gothic', sans-serif;
	text-shadow:1px 1px 1px #dddddd;
	font-weight: bolder;
	color:#000000;
	text-align: center;
}
#hali1{	width:50px;}
#hali2{	width:80px;}
#hali3{	width:200px;}
#hali4{	width:150px;}
#hali5{	width:150px;}
#body_code1{
	width:680px;
	height:80px;
	/*border:1px solid #faa719;*/
	display:inline-block;
	top:20px;
	left:130px;	
}

#hali11,#hali22,#hali33,#hali44,#hali55{
	display:inline-block;
	font-size:18px;
	/*border:1px solid #faa719;*/
	box-shadow:4px 3px 6px #dddddd;
	width:100px;
	height:30px;
	text-align: center;
	
}
#hali11{width:50px;}
#hali22{width:80px;}
#hali33{width:200px;}
#hali44{width:150px;}
#hali55{width:150px;}

#body_button{
	margin-top:6px;
	margin-left:550px;
	width:110px;
	heigth:30px;
	/*border:1px solid #faa719;*/
}
#buttonTot{
	margin-top:20px;
	margin-left:150px;
	margin-left:
	width:350px;
	height:60px;
	/*border:3px solid #faa719;*/
	display:inline-block;
}
#codModi,#codeDel{
	font-size:15px;
	font-family: 'Nanum Gothic', sans-serif;
	text-shadow:1px 1px 1px #DF7401;
	font-weight: bolder;
	color:#000000;
	
	background-color: #ffffff;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	box-shadow:4px 3px 6px #dddddd;
	border:1px solid #faa719;
}
#btList{
margin-left:40px;
}
#codeInsert,#btList{
	background-color: #faa719;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	box-shadow:4px 3px 6px #dddddd;
	border:1px solid #faa719;
	font-family: 'Nanum Gothic', sans-serif;
	text-shadow:1px 1px 1px #DF7401;
	font-weight: bolder;
	color:#000000;
	font-size:18px;
	width:140px;
	height:40px;
}

</style>
<script src='photo_sc.js'></script>
<script>
function del(serial){
	var c=confirm("삭제하시겠습니까?");
	if(c){

		location.href="index.jsp?inc_contents=photoCode_Del_result.jsp&serial=" + serial;
	}else{
	
	}
	

}
</script>
</head>
<body>

	<jsp:useBean id="vo" class="svn_photo.photoVo" />
	<jsp:setProperty property="*" name="vo" />
	<%
		Photo photo= new Photo();
		photo.setVo(vo);
		Vector<photoVo> p = photo.codeList();
	%>



<form name='frm_code_list' method='post' action="index.jsp?inc_contents=photoCode_Modify.jsp">
<div id='maintot'>
	<div id='mainbox'>
		<div id='top'>
			&nbsp;&nbsp;코 드 목 록
			<hr id='top2'>
		</div>
		<div id='center'>
			<div id='cent1'>
			</div>
			<div id='cent2'>
					<div id="body_code">

						<div id='hali1'>코드 </div>
						<div id='hali2'>기수 </div>
						<div id='hali3'>과정명</div>
						<div id='hali4'>개강일</div>
						<div id='hali5'>종강일</div>
					</div>
							<%
								for(int i=0; i<p.size();i++){
								photoVo pv = p.get(i);
							%>
					<div id="body_code1">
						<div id='hali11'><%=pv.getNo() %></div>
						<div id='hali22'><%=pv.getGisu() %></div>
						<div id='hali33'><%=pv.getClassname() %></div>
						<div id='hali44'><%=pv.getSdate() %></div>
						<div id='hali55'><%=pv.getEdate() %></div>
						<input type="hidden" name="serial" value="<%=pv.getSerial()%>">
						<div id="body_button">
							<input type="submit" value="수정" id='codModi'>
							<input type="button" value="삭제" id='codeDel' onclick="del(<%=pv.getSerial()%>)">
						</div>
					</div>
					
					
		
		
						
						<%} %>

					<div id='buttonTot'>
						<input type="button" value="코드삽입" id='codeInsert'>
						<input type="button" value="목록" id='btList'>
				</div>
			</div><!-- cent2 -->
		</div>
	</div>
</div>

</form>
<script>code2();
init();</script>










</body>
</html>